<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Map</title>
	<link rel="icon" href="page/icons/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="page/icons/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="page/css/dockmenu.css" />
	<link rel="stylesheet" href="page/css/ol.css" />
	<link rel="stylesheet" href="page/jslib/Cesium/Widgets/widgets.css" />
	<script src="page/jslib/jquery/jquery-3.1.1.js"></script>
	<script src="page/jslib/jquery/jquery-ui.js"></script>
	<script src="page/jslib/layer/layer.js"></script>
	<script src="page/jslib/dockmenu.min.js"></script>
	<script src="page/jslib/openlayers/ol-debug.js"></script>
	<script src="page/jslib/Cesium/Cesium.js"></script>
	<script>
		var dojoConfig = {
				async: true,
				baseUrl: 'page/jslib/dojo',
				packages: [
					{
						name: 'js',
						location: '/Map/page/js'
					}
				]
		};
	</script>
	<script src="page/jslib/dojo/dojo.js"></script>
	<style>
		 html, body, #cesiumContainer, #mapContainer {
          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
      }
	</style>
	<script>
		require([
		         'dojo/dom',
		         'dojo/dom-construct',
		         'js/Map',
		         'js/Menu',
		         'js/3DMap',
		         'dojo/domReady!'
		], 
		function(dom, domConstruct, Map, Menu, ThreeDMap) {
			//隐藏cesium容器
			$('#cesiumContainer').hide();
			
			//创建二三维地图对象
			var map = new Map('mapContainer');
			map.loadLayers();
			map.on('click', function(e){
				console.log(e);
				//map.getLayerById('county').hideAllFeatures();
			});
			var tdmap = new ThreeDMap('cesiumContainer');

			//创建菜单
			var menu = new Menu(map, tdmap);
			menu.init();
		});
	</script>
	
</head>
<body>
	<div id="mapContainer"></div>
	<div id="cesiumContainer" style="background-color: red;"></div>
	<div id="wrapper1"></div>
</body>
</html>